// import Cookies from 'js-cookie'

var app = {
  namespaced: true,
  state: {
    sidebar: {
      opened: localStorage.getItem('sidebarStatus') ? !!+localStorage.getItem('sidebarStatus') : true,
      withoutAnimation: false
    },
    device: 'desktop'
  },
  mutations: {
    toggleSidebar: state => {
      state.sidebar.opened = !state.sidebar.opened
      state.sidebar.withoutAnimation = false
      if (state.sidebar.opened) {
        localStorage.setItem('sidebarStatus', 1)
      } else {
        localStorage.setItem('sidebarStatus', 0)
      }
    },
    closeSidebar: (state, withoutAnimation) => {
      localStorage.setItem('sidebarStatus', 0)
      state.sidebar.opened = false
      state.sidebar.withoutAnimation = withoutAnimation
    },
    toggleDevice: (state, device) => {
      state.device = device
    }
  },
  actions: {
    toggleSideBar({ commit }) {
      commit('toggleSidebar')
    },
    closeSideBar({ commit }, { withoutAnimation }) {
      commit('closeSidebar', withoutAnimation)
    },
    toggleDevice({ commit }, device) {
      commit('toggleDevice', device)
    }
  }
}

export default app

// const state = {
//   sidebar: {
//     opened: Cookies.get('sidebarStatus') ? !!+Cookies.get('sidebarStatus') : true,
//     withoutAnimation: false
//   },
//   device: 'desktop'
// }

// const mutations = {
//   toggleSidebar: state => {
//     state.sidebar.opened = !state.sidebar.opened
//     state.sidebar.withoutAnimation = false
//     if (state.sidebar.opened) {
//       Cookies.set('sidebarStatus', 1)
//     } else {
//       Cookies.set('sidebarStatus', 0)
//     }
//   },
//   closeSidebar: (state, withoutAnimation) => {
//     Cookies.set('sidebarStatus', 0)
//     state.sidebar.opened = false
//     state.sidebar.withoutAnimation = withoutAnimation
//   },
//   toggleDevice: (state, device) => {
//     state.device = device
//   }
// }

// const actions = {
//   toggleSideBar({ commit }) {
//     commit('toggleSidebar')
//   },
//   closeSideBar({ commit }, { withoutAnimation }) {
//     commit('closeSidebar', withoutAnimation)
//   },
//   toggleDevice({ commit }, device) {
//     commit('toggleDevice', device)
//   }
// }

// export default {
//   namespaced: true,
//   state,
//   mutations,
//   actions
// }
